<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>Blog Single - JobGrids Job Portal HTML Template.</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
  <!-- Place favicon.ico in the root directory -->

  <!-- Web Font -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

  <!-- ========================= CSS here ========================= -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
  <link rel="stylesheet" href="assets/css/animate.css" />
  <link rel="stylesheet" href="assets/css/tiny-slider.css" />
  <link rel="stylesheet" href="assets/css/glightbox.min.css" />
  <link rel="stylesheet" href="assets/css/main.css" />
  <!--设置元素隐藏，点击radio注册元素显现-->
  <style>
    .hidden{
        display:none;
    }
  </style>
</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">
  You are using an <strong>outdated</strong> browser. Please
  <a href="https://browsehappy.com/">upgrade your browser</a> to improve
  your experience and security.
</p>
<![endif]-->

<div id="loading-area"></div>

<!-- Start Header Area -->
<header class="header">
  <div class="navbar-area">
    <div class="container">

      <div class="row align-items-center">

        <div class="col-lg-12">
          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand logo" href="index.html">
              <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
              <ul id="nav" class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a href="index.html">主页</a>

                </li>



                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#">职位管理 </a>
                  <ul class="sub-menu">
                    <li><a href="post-job.html">发布职位</a></li>
                    <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                    <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                    <li><a  href="manage-resumes.html">待处理申请</a></li>

                  </ul>
                </li>

                <!-- <li class="nav-item"><a href="#">招聘 </a>
                  <ul class="sub-menu">
                    <li><a href="post-job.html">发布职位</a></li>
                    <li><a href="manage-jobs.html">管理岗位信息</a></li>
                    <li><a href="manage-applications.html">？管理岗位申请</a></li>
                    <li><a href="manage-resumes.html">管理求职申请</a></li>
                    <li><a href="browse-resumes.html">浏览简历</a></li>

                  </ul>
                </li> -->



                <li class="nav-item">
                  <a  href="blog-grid-sidebar.html">论坛</a></li>
                <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                </li>

                <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                <li class="nav-item"><a href="#">其他</a>
                  <ul class="sub-menu">
                    <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                    <li><a onclick="checkloginuser()">Personal Info</a></li>
                    <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                    <li><a href="job-list.html">职位列表</a></li>
                    <li><a href="job-details.html">职位详情</a></li>
                    <li><a href="resume.html">个人信息展示</a></li>
                    <li><a href="privacy-policy.html">用户手册</a></li>
                    <li><a href="faq.html">问题</a></li>
                    <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                    <li><a href="404.html">404错误</a></li>
                    <li><a href="mail-success.html">成功发出消息</a></li>
                    <li><a href="index-seeker.html">s</a></li>
                    <li><a href="index-hr.html">h</a></li>
                  </ul>
                </li>



                <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                </li>
                <li class="nav-item hidden" id="seekerinforcenterbarliid"><a class="active"  href="#">个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="resume.html">简历查看</a></li>
                    <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                    <li><a href="add-resume.html">简历编辑</a></li>
                    <li><a href="manage-applications.html">申请进度</a></li>
                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html" class="active" >管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item hidden " id="hrinforcenterbarliid"><a href="#" class="active" >个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="showhrinfo.html">信息编辑</a></li>

                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html" class="active" >管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item login hidden" id="shownamebarliid">

                  <a href="showhrinfo.html" id="shownameid" >
                  </a>
                  <ul class="sub-menu">
                    <li><a href="index.html" onclick="logout()">退出登录</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <!-- navbar collapse -->
            <div class="button "  id="loginsignupbarid">
              <a href="javacript:" data-toggle="modal" data-target="#login" class="login" ><i
                class="lni lni-lock-alt " id="loginlinki"></i>登录</a>
              <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

            </div>
          </nav>
          <!-- navbar -->
        </div>
      </div>
      <!-- row -->
    </div>
    <!-- container -->
  </div>
  <!-- navbar area -->
</header>
<!-- End Header Area -->


<!-- Start Blog Singel Area -->
<section class="section blog-single">
  <div class="container">
    <div class="row">
      <div class="col-lg-10 offset-lg-1 col-12" id="blogdetailsallid">
        <div class="single-inner">
          <div class="post-thumbnils">
            <img src="assets/images/call-action/cat-bg.jpg" alt="#">
          </div>
          <div class="post-details">
            <div class="detail-inner">
              <div class="comment-form">
                <h3 class="comment-reply-title"><span>修改博客标题</span></h3>
                <div class="row">
                  <div class="col-12">
                    <div class="form-box form-group">
                      <input class="post-title form-control" type="text"  id="addblogtitle" readonly/>
                    </div>

                  </div>

                </div>
              </div>
              <div class="comment-form">
                <h3 class="comment-reply-title"><span>修改博客标签用空格逗号或-进行分割</span></h3>
                <div class="row">
                  <div class="col-12">
                    <div class="form-box form-group">
                      <input type="text" class="form-control"id="blogtagsid" readonly/>
                    </div>

                  </div>

                </div>
              </div>

              <!-- post meta -->

              <div class="comment-form">
                <h3 class="comment-reply-title"><span>修改博客内容</span></h3>
                <form onsubmit="return false">
                  <div class="row">
                    <div class="col-12">
                      <div class="form-box form-group">

                        <!-- textarea会被初始化为富文本编辑器 -->
                        <textarea id="mytextarea" ></textarea>

                      </div>
                    </div>
                    <div class="col-12">
                      <div class="button">
                        <button id="editblogtbtnid" onclick="editblog()" class="btn mouse-dir white-bg">点击修改博客 <span
                          class="dir-part"></span></button>
                        <button disabled id="saveblogtbtnid" onclick="saveblog()" class="btn mouse-dir white-bg">点击保存博客 <span
                          class="dir-part"></span></button>
                        <button  id="deleteblogtbtnid" onclick="deleteblog()" class="btn mouse-dir white-bg">点击删除博客 <span
                          class="dir-part"></span></button>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <!-- Comments -->
              <div class="post-comments" >
                <h3 class="comment-title" ><span id="commentsviewshow"></span></h3>
                <div id="commenttemplateid">
                </div>
              </div>
            </div>


          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Blog Singel Area -->

<!-- Login Modal -->
<div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>登录</h3>
              <!-- <p>Log in to continue your account <br> and explore new jobs.</p> -->
              <p> 登录以继续您的账户并探索新的工作。</p>

            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Log in
                  with LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Log in with
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Log in
                  with Facebook</a></li>
              </ul>
            </div> -->
            <!-- <div class="or-devider">
              <span>Or</span>
            </div> -->


            <form  id="loginform" onsubmit="return false">
              <div class="form-group">
                <!--邮箱-->
                <!--<label for="email" class="label">E-mail</label>
                <input type="email" class="form-control" placeholder="example@gmail.com" id="email">-->
                <br>
                <label for="phone" class="label">电话号码</label>
                <div class="position-relative">
                  <input type="tel" class="form-control" id="phone"
                         name="loginphone"  placeholder="请输入电话号码" required>
                </div>
              </div>
              <div class="form-group">
                <label for="password" class="label">密码</label>
                <div class="position-relative">
                  <input type="password" class="form-control" id="password"
                         name="loginpwd"   placeholder="请输入密码" required>
                </div>
              </div>

              <div>

                <!-- <input type="radio" name="loginrule" value="adminlogin" id="adminlogincheckbox" onclick="getloginroleradioval(this.value)" required/>
                 <label for="adminlogincheckbox" >我是管理员</label>-->

                <input required type="radio" name="loginrule"  value="employeelogin" id="employeelogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="employeelogincheckbox" >我是求职者</label>

                <input  required type="radio" name="loginrule" value="hrlogin" id="hrlogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="hrlogincheckbox" >我是招聘方</label>

                <br>
              </div>
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value=""
                         id="flexCheckDefault" />
                  <label class="form-check-label" for="flexCheckDefault">记住密码</label>
                </div>
                <a href="" class="font-size-3 text-dodger line-height-reset">忘记密码</a>
              </div>
              <div class="form-group mb-8 button">
                <button class="btn " onclick="login()">登录
                </button>
              </div>
              <p class="text-center create-new-account">  没有账号? <a href="#">立刻创建账号 </a></p>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Login Modal -->

<!-- Signup Modal -->
<div class="modal fade form-modal" id="signup" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>创建账户 </h3>
              <!-- <p>Create your account to continue <br> and explore new jobs.</p> -->
              <p>创建您的账户以继续并探索新的工作。</p>
            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Import from LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Import from
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Import from Facebook</a></li>
              </ul>
            </div>
            <div class="or-devider">
              <span>Or</span>
            </div> -->
            <!--后端的Controller进行处理-->
            <form  id="signupform" onsubmit="return false">
              <div class="form-group">
                <br>
                <label for="phone" class="label">电话号码</label>
                <input type="tel" class="form-control" name="phone" placeholder="输入电话号码" required>
              </div>
              <div class="form-group">
                <label for="inputpwd" class="label">密码</label>
                <div class="position-relative">
                  <input name="pwd" type="password" class="form-control" id="inputpwd" placeholder="输入密码" onkeyup="checkpwd()" required>
                </div>
              </div>
              <div class= "form-group" >
                <label for="confirmpwd" class="label">确认密码</label>
                <div class="position-relative">
                  <input name="repwd" type="password" class="form-control" id="confirmpwd" placeholder="确认密码" onkeyup="checkpwd()">
                  <span id="tishi"></span></input>
                </div>
              </div>
              <div class= "form-group" >
                <label for="signupname" class="label">您的姓名</label>
                <div class="position-relative">
                  <input required name="signupname" type="text" class="form-control" id="signupname" placeholder="输入姓名">
                  </input>
                </div>
              </div>
              <div class="form-group" id="signuprolegroup">
                <label for="signuprolegroup" class="label">请选择注册身份</label>
                <!--选择身份进行注册-->
                <!--<input type="radio" name="signrule" value="adminsignup" id="adminsigncheckbox" onclick="getsignuproleradioval(this.value)"required/>
                <label for="adminsigncheckbox" >管理员注册</label>-->

                <input  type="radio" name="signrule"  value="employeesignup" id="employeesigncheckbox" onclick="getsignuproleradioval(this.value)"/>
                <label for="employeesigncheckbox" >求职者注册</label>

                <input   type="radio" name="signrule" value="hrsignup" id="hrsigncheckbox"onclick="getsignuproleradioval(this.value)"/>
                <label for="hrsigncheckbox" >招聘方注册</label>
              </div>

              <!--隐藏元素，按需显现-->
              <!--hr注册必填元素:公司和公司职位-->
              <div class= "form-group hidden" id="hrsignupposclass">
                <label for="hrsignuppos" class="label">您的职位</label>
                <div class="position-relative">
                  <input name="hrpos" type="text" class="form-control" id="hrsignuppos" placeholder="输入职位">
                  </input>
                </div>
              </div>
              <div class="form-group hidden" id="hrsignupcompanyclass">
                <label for="hrsignupcompany" class="label">选择所在公司</label>
                <select name="hrcompany" class="form-control" id="hrsignupcompany"></select>
                <a href="company.html" id="hrcompanysignup">找不到所属公司请点击此处进行公司注册</a>
              </div>
              <!--hr必填元素结束-->
              <!--求职者注册必填元素email,Gender,-->
              <div class= "form-group hidden" id="seekersignemailclass">
                <label for="seekersignemail" class="label">您的邮箱</label>
                <div class="position-relative">
                  <input name="seekeremail" type="email" class="form-control" id="seekersignemail" placeholder="输入邮箱">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekersigngenderclass">
                <label for="seekersigngender" class="label">性别</label>
                <div class="position-relative">
                  <select name="seekergender" class="form-control" id="seekersigngender">
                    <option value="女">女</option>
                    <option value="男">男</option>
                    <option value="未知">未知</option>
                  </select>
                </div>
              </div>
              <div class= "form-group hidden" id="seekerdateclass">
                <label for="seekersigndate" class="label">出生日期</label>
                <div class="position-relative">
                  <input name="seekerdate" type="date" class="form-control" id="seekersigndate" placeholder="输入出生日期">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekeriseduclass">
                <label for="seekerisedu" class="label">是否为应届生</label>
                <div class="position-relative">
                  <select name="seekerisedu" class="form-control" id="seekerisedu">
                    <option value="是">是</option>
                    <option value="否">否</option>
                  </select>

                </div>
              </div>
              <!--求职者注册必填元素结束-->
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value="" checked required>
                  <label class="form-check-label" for="flexCheckDefault">同意 <a
                    href="#">用户使用协议</a></label>
                </div>
              </div>

              <div class="form-group mb-8 button">
                <button class="btn " id="signupbtn" onclick="signup()" >注册
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- EndSignup Modal -->

<!-- Start Footer Area -->
<footer class="footer">
  <div class="footer-bottom">
    <div class="container">
      <div class="inner">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-12">
            <div class="left">
              <p><a target="_blank" >软件工程大作业</a></p>
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-12">
            <div class="right">
              <ul>
                <li><a href="privacy-policy.html">用户手册</a></li>
                <li><a href="#">项目文档</a></li>
                <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                <li><a href="contact.html">联系我们</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Footer Middle -->
</footer>
<!--/ End Footer Area -->

<!-- ========================= scroll-top ========================= -->
<a href="#" class="scroll-top btn-hover">
  <i class="lni lni-chevron-up"></i>
</a>

<!-- ========================= scroll-top ========================= -->
<a href="#" class="scroll-top btn-hover">
  <i class="lni lni-chevron-up"></i>
</a>
<div class="hidden">
  <input  id="logintoken" name="mytoken" value="">
</div>
<!-- ========================= JS here ========================= -->
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<!-- 富文本 -->
<script src="../tinymce/tinymce.min.js"></script>
<!--模板引擎用于blog的模板显示-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>

<script type="text/javascript">

  //===========最初需要完成名字的显示和相关用户导航栏的隐藏
$(document).ready(function(){
     /*   alert("新方法");*/
        $.ajax({
url: "http://localhost:8080/mylogingetusername",
type: "GET",
data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
success: function(result){
 // alert(result.code);
  if(result.code==200){
  alert(result.msg);
  //非登录用户的个人中心bar隐藏，用户名字显示

  document.getElementById("loginsignupbarid").classList.remove("button");
  document.getElementById("loginsignupbarid").classList.add("hidden");
  document.getElementById("nouserinforcenterbarid").classList.add("hidden");
  document.getElementById("shownamebarliid").classList.remove("hidden");


  if(result.data=="seekerlogin"){
  //当前登录用户是seeker
  //hr的bar隐藏，seeker的bar显示
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");

  document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
  }
  else if(result.data=="hrlogin"){
  //当前登录用户是hr
  //seeker的bar隐藏，hr的bar显示
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

  document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
  document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

  }

  document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

  }
  else if(result.code==1){
  //没有用户登录，隐藏用户bar
  document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
 document.getElementById("loginsignupbarid").classList.add("button");
  document.getElementById("loginsignupbarid").classList.remove("hidden");

  document.getElementById("shownamebarliid").classList.add("hidden");
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");

  }
  else {
  document.getElementById("loginsignupbarid").classList.add("button");
  document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
  document.getElementById("loginsignupbarid").classList.remove("hidden");

  document.getElementById("shownamebarliid").classList.add("hidden");
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");
    alert(result.code+result.msg);
    }
},
error: function(){
alert("请刷新重试");
},
});
    });

  //================注册登录相关
    //像后端传本地浏览器保存的token（当前登录用户）点击首页跳转的页面
function checkloginuser(){
  //window.location.reload();

$.ajax({
url: "http://localhost:8080/mycheckloginuser",
type: "GET",
data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
success: function(result){
 // alert(result.code);
  if(result.code==200){
    if(result.msg=="hrlogin"){

    location.href="http://localhost/static/html/showhrinfo.html";
    }
    else if(result.msg=="employeelogin"){window.location.href="http://localhost/static/html/showseekerinfo.html";}
  }
  else {
    alert(result.code+result.msg);
    }
},
error: function(){
alert("请刷新重试");
},
});

};
//===========最初需要完成下拉框的内容的加载
$(document).ready(function(){
     /*   alert("新方法");*/
        $.get(
        /*去到url的控制器中处理*/
          "http://localhost:8080/companysignuplist",
          function(data){
           /* alert(data[0].companyId);*/
            for(var i = 0 ; i < data.length;i++){
              /*创建新的一行*/
              var newRow = "<option value="+data[i].companyId+">"+data[i].companyName+"</option>";
              /*插入新的一行*/
              $("#hrsignupcompanyclass select").append(newRow);
            }


          }
        );
    });
//其他业务请求从本地浏览器中存的token获取加入请求头

function logout(){
window.localStorage.removeItem('user');
location.href="http://localhost/static/html/index.html";
};
var loginuserinfo;//当前登录用户的角色和id
/*解析token*/
function sparsetoken(){
var token;
$(function(){
token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
alert("user="+token);
alert(window.location.href);
//data.data.normal_login_token为发送Ajax获取到的token信息
var strings = token.split(".");//通过split()方法将token转为字符串数组
//取strings[1]数组中的第二个字符进行解析
var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
loginuserinfo = userinfo;//赋给全局变量
//然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
alert(userinfo.roleid+userinfo.loginrole+'userinfo');

});
};
var loginrule;
function getloginroleradioval(value){
 loginrole=value;
}
//===========登录角色表单数据传到后台
function login(){
//判断当前是否登录
//if(window.localStorage.getItem("user")){
//alert("当前此设备已经有登录，如果要重新登录请先退出");
//}
//alert("login"+$('#loginform').serialize());
$.ajax({
type: "POST",
dataType: "json",
url: "http://localhost:8080/mylogin",
data: $('#loginform').serialize(),
crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
xhrFields: {
      withCredentials: true /*发送Ajax时，Request header中会带上 Cookie 信息。*/
             },
success: function(result){
  if(result.code==200){
    alert("登录成功");
    let exp = new Date();
    exp.setTime(exp.getTime() + 60 * 60 * 1000); //设置过期时间，1小时过期
    window.localStorage.setItem("user",result.msg,exp.toGMTString());
    document.cookie="usertoken="+result.msg+"; domain=http://localhost; path=http://localhost/frontindex";
    var strings = result.msg.split(".");//通过split()方法将token转为字符串数组
    //取strings[1]数组中的第二个字符进行解析
    var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
    //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
    alert("欢迎登录"+userinfo.roleid+userinfo.loginrole);
    //alert("登陆成功后的"+result.msg+"=="+document.cookie);
    $("#login").modal('hide');
    /*清空表单*/
    $('#loginform')[0].reset();
    location.href="http://localhost/static/html/index.html";
  }
  else{
    alert(result.code+result.msg);
  }
},
error: function(){
  alert("登录失败");
},
});
};
var signrole;//注册角色
//===========表单数据传到后台
function signup(){
/*alert("signrole"+signrole);*/
$.ajax({
  type: "POST",
  dataType: "json",
  url: "http://localhost:8080/"+signrole,
  data: $('#signupform').serialize(),
  success: function(result){
     /* alert(result.code);*/
      if(result.code==200){
       alert("注册成功");
       /*退出模态框*/
       $("#signup").modal('hide');
       /*清空表单*/
       $('#signupform')[0].reset();
        document.getElementById("hrsignupposclass").classList.add("hidden");
        document.getElementById("hrsignupcompanyclass").classList.add("hidden");
        document.getElementById("hrsignuppos").removeAttribute('required');
        document.getElementById("hrsignupcompany").removeAttribute('required');
         document.getElementById("seekersignemailclass").classList.add("hidden");
        document.getElementById("seekerdateclass").classList.add("hidden");
        document.getElementById("seekeriseduclass").classList.add("hidden");
        document.getElementById("seekersigngenderclass").classList.add("hidden");
        document.getElementById("seekersigngender").removeAttribute('required');
        document.getElementById("seekersignemail").removeAttribute('required');
        document.getElementById("seekersigndate").removeAttribute('required');
        document.getElementById("seekerisedu").removeAttribute('required');

      }
      else{
      alert(result.code+result.msg);
      }
  },
  error : function(){
      alert("注册失败!");
  },

});
};
//===========根据选择的角色先跳转到对应的控制器去insert(id,phone,pwd)
function getsignuproleradioval(value){
signrole=value;
if(value=="hrsignup"){
alert("选择HR身份注册");
//显示全部必填信息
  document.getElementById("hrsignupposclass").classList.remove("hidden");
  document.getElementById("hrsignupcompanyclass").classList.remove("hidden");
  //设置为必填
  document.getElementById("hrsignuppos").setAttribute('required', true);
   document.getElementById("hrsignupcompany").setAttribute('required', true);
  //求职者的隐藏不必填
  document.getElementById("seekersignemailclass").classList.add("hidden");
document.getElementById("seekerdateclass").classList.add("hidden");
document.getElementById("seekeriseduclass").classList.add("hidden");
document.getElementById("seekersigngenderclass").classList.add("hidden");
document.getElementById("seekersigngender").removeAttribute('required');
document.getElementById("seekersignemail").removeAttribute('required');
document.getElementById("seekersigndate").removeAttribute('required');
document.getElementById("seekerisedu").removeAttribute('required');

//跳到对应的控制器中操作数据库
 // document.getElementById("signupform").action = "http://localhost:8080/hrsignup";
}
else if(value=="employeesignup"){
alert("选择求职者身份注册");
//Hr的隐藏不必填
document.getElementById("hrsignupposclass").classList.add("hidden");
document.getElementById("hrsignupcompanyclass").classList.add("hidden");
document.getElementById("hrsignuppos").removeAttribute('required');
document.getElementById("hrsignupcompany").removeAttribute('required');
//显示求职者注册必填信息
document.getElementById("seekersignemailclass").classList.remove("hidden");
document.getElementById("seekerdateclass").classList.remove("hidden");
document.getElementById("seekeriseduclass").classList.remove("hidden");
document.getElementById("seekersigngenderclass").classList.remove("hidden");
document.getElementById("seekersigngender").setAttribute('required', true);
document.getElementById("seekersignemail").setAttribute('required', true);
document.getElementById("seekersigndate").setAttribute('required', true);
document.getElementById("seekerisedu").setAttribute('required', true);
// document.getElementById("signupform").action = "http://localhost:8080/employeesignup";
}
};

//===========确认两次密码一致
function checkpwd() {
var password = document.getElementById("inputpwd").value;
var repassword = document.getElementById("confirmpwd").value;
//判断输入框为空
if(!password){
document.getElementById("tishi").innerHTML="<br><font color='red'>请输入密码!</font>";
  document.getElementById("signupbtn").disabled = true;
            }
else if(password == repassword) {
  document.getElementById("tishi").innerHTML="<br><font color='green'>两次密码输入一致</font>";
  document.getElementById("signupbtn").disabled = false;
            }
else {
  document.getElementById("tishi").innerHTML="<br><font color='red'>两次输入密码不一致!</font>";
  document.getElementById("signupbtn").disabled = true;
    }
};

</script>
<!--富文本框-->
<script>
  $(function () {

});
  //========================最初完成修改值的显示
   $(document).ready(function() {
            // 使用Ajax从数据库获取内容
            $.ajax({
              url: "http://localhost:8080/posteditblog",
              type: "POST",
              data: {token:window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken",id:new URLSearchParams(window.location.search).get('id')},
              success: function(result){
              //========富文本
              tinymce.init({

   //选择id为mytextarea的标签作为编辑器
   selector: '#mytextarea',
   //先设置只读
   //readonly: true,
   //方向从左到右
  // directionality: 'ltr',
   //语言选择中文
   language: 'zh_CN',
   //高度为300
   //height: 100,
   max_height: 1000,
   statusbar: false,
   width: '100%',

   /**
    * code: 代码插件,在菜单栏的“工具”下面
    * advlist: 高级列表插件
    * autolink:自动创建超链接
    * link: 插入或编辑超链接
    */
  plugins: 'preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media  code codesample table charmap  pagebreak nonbreaking anchor insertdatetime advlist lists wordcount  help emoticons autosave  autoresize ',

  toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
            styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
            table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | bdmap indent2em lineheight formatpainter axupimgs',

   //一个插件可能对应多个toolbar,如advlist对应无序:bullist 有序:numlist
   //toolbar: 'insertfile undo redo   styleselect  bold italic   alignleft aligncenter alignright alignjustify  bullist numlist outdent indent image preview   forecolor emoticons   codesample fontsizeselect ',
   //字体大小
   fontsize_formats: '10pt 12pt 14pt 18pt 24pt 36pt',
   //按tab不换行
   nonbreaking_force_tab: true,
   link_list: [
    { title: '预置链接1', value: 'http://www.tinymce.com' },
    { title: '预置链接2', value: 'http://tinymce.ax-z.cn' }
    ],
    image_list: [
    { title: '预置图片1', value: 'https://www.tiny.cloud/images/glyph-tinymce@2x.png' },
    { title: '预置图片2', value: 'https://www.baidu.com/img/bd_logo1.png' }
    ],
    image_class_list: [
    { title: 'None', value: '' },
    { title: 'Some class', value: 'class-name' }
    ],
    importcss_append: true,
   //初始化完成回调函数
   init_instance_callback: editor => {
       console.log("初始化完成回调函数")
       editor.setContent(result.blogContent);
       //不可编辑
        editor.getBody().setAttribute('contenteditable', 'false');
   },
  });
          document.getElementById("addblogtitle").value=result.blogTitle;
          document.getElementById("blogtagsid").value  =result.blogTag;
          document.getElementById("commentsviewshow").innerText="该博客的"+result.blogCommentsNum+" 条评论";

              },
              error: function(){
                alert("从数据库获取值失败请重新再试");
              },
            });
            });
  //=======================点击修改博客
  function editblog(){
    //删除readonly，保存按钮有效
    document.getElementById("editblogtbtnid").disabled = true; // 禁用按钮
    document.getElementById("saveblogtbtnid").disabled = false; // 启用按钮
    document.getElementById("addblogtitle").removeAttribute("readonly");
    document.getElementById("blogtagsid").removeAttribute("readonly");
    //mytextarea
    // 获取tinyMCE实例
    var editor = tinyMCE.activeEditor;
    // 将编辑器设置为可编辑状态
    editor.getBody().setAttribute('contenteditable', 'true');

  };
  //==================点击提交修改保存博客
  function saveblog(){
  $.ajax({
   url: "http://localhost:8080/editblog",
   type: "POST",
   data: {token:window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken",blog:tinyMCE.activeEditor.getContent(),blogtitle:document.getElementById("addblogtitle").value,blogtags:document.getElementById("blogtagsid").value,id : new URLSearchParams(window.location.search).get('id')},
   success: function(result){
          alert("修改成功");
          document.getElementById("editblogtbtnid").disabled = false; // 禁用按钮
          document.getElementById("saveblogtbtnid").disabled = true; // 启用按钮
           document.getElementById("addblogtitle").setAttribute("readonly",true);
          document.getElementById("blogtagsid").setAttribute("readonly",true);
         location.href="http://localhost/static/html/manage-blog.html";
   },
   error:function(){
   alert("请稍后重试");
    location.href="http://localhost/static/html/manage-blog.html";
   },
   });
   // alert(tinyMCE.activeEditor.getContent());
  };
  var blogcomments;//对应的全部评论
     //================开始完成博客评论的显示
     $(document).ready(function(){
       $.ajax({
       url: "http://localhost:8080/blogcomments",
       type: "GET",
       data: {id : new URLSearchParams(window.location.search).get('id')},
       success: function(result){
              // alert(result);
               blogcomments = result;
               var commentblock = document.getElementById('commenttemplateid');
               var commenttemplate = Handlebars.compile(document.getElementById('comment-template').innerHTML);
               commentblock.innerHTML = commenttemplate({data: result});

       },
       error:function(){
       alert("请稍后重试");
       },
       });
     });
  function deleteblog(){
   if(confirm("确实要删除吗?")){
                 $.ajax({
                    url: "http://localhost:8080/deleteblog",
                    type: "POST",
                    data: {id : new URLSearchParams(window.location.search).get('id')},
                    success: function(result){
                    alert("删除成功");
                    location.href="http://localhost/static/html/manage-blog.html";
                    },
                    error:function(){
                    alert("请稍后重试");
                    location.href="http://localhost/static/html/manage-blog.html";
                    },
                  });
             }else{
              alert("已经取消了删除操作");
             }


  }
</script>
<!--模板显示引擎comment-->
<script id ="comment-template" type="text/x-handlebars-template">
  <ul class="comments-list">
    {{#each data}}
    <li>
      <div class="comment-img">
        <img src="assets/images/resume/candidate1.jpg" class="rounded-circle" alt="img">
      </div>
      <div class="comment-desc">
        <div class="desc-top">
          {{#if userId }}
          <h6>用户{{usrPost }}{{userId}}</h6>
          {{else}}
          <h6>不知名游客路过^_^{{userPost}}</h6>
          {{/if}}
          <span class="date">{{commentDate}}</span>
          <a href="#" class="reply-link"><i class="lni lni-reply"></i>Reply</a>
        </div>

        <p>
          {{{commentContent}}}
        </p>
      </div>
    </li>
    {{/each}}
  </ul>

</script>


</body>

</html>
